<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<button>按钮</button>
</body>
<script src="./js/ajax.js"></script>
<script>
// 需求：将所有的用户信息获取到以后，再获取所有的商品信息以后，再获取所有的banner信息。当所有的数据(用户、商品、banner)获取到以后，再一次性渲染到页面
document.querySelector('button').onclick = function() {
    // 获取用户信息
    sendAjax({
        url: 'http://localhost:3000/user',
        success: function(msg) {
            console.log(msg);
            // 获取商品信息
            sendAjax({
                url: 'http://localhost:3000/goods',
                success: function(goods) {
                    console.log(goods);
                    // 获取banner信息
                    sendAjax({
                        url: 'http://localhost:3000/banner',
                        success: function(banner) {
                            console.log(banner);
                        }
                    })
                }
            })
        }
    })
}
</script>
</html>